import { loginAPI, getProfileAPI } from '@/api/user'
import { getToken, setToken, removeToken } from '@/utils/auth'
import { TOKEN_KEY } from '@/constants/KEY'
export default {
  namespaced: true,
  state: () => {
    return {
      // 只有刷新的时候才会在cookie里读一次，所以能享受到vuex的读取速度快
      token: getToken() || '',
      userProfile: {} // 个人信息
    }
  },
  // 同步修改 Vuex架构中 有且只有一种提交mutation
  mutations: {
    setToken (state, token) {
      state.token = token
      // 本地存一份
      setToken(token)
    },
    clearUserInfo (state) {
      // 清除Token
      state.token = ''
      state.userProfile = {}
      removeToken(TOKEN_KEY)
    },
    setProfile (state, userProfile) {
      state.userProfile = userProfile
    }
  },
  // 异步 接口请求 + 提交mutation
  actions: {
    async doLogin (store, { username, password }) {
      // 1. 调用接口
      const res = await loginAPI({ username, password })
      console.log(res)
      // 2. 提交mutation
      store.commit('setToken', res.data.token)
    },
    async getUserProfile (store) {
      const res = await getProfileAPI()
      store.commit('setProfile', res.data)
      // 这里如果想要当前函数内的数据给到另外一个js模块使用
      // 直接把目标数据return出去
      return res.data.permissions
    }
  }
}
